  <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>江西省新能源车联网平台</title>

	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/font.css">
	<!-- <link rel="stylesheet" href="css/compents.css"> -->
	<link rel="shortcut icon" href="img/favicon.fw.png">

	<link rel="stylesheet" href="css/map.css">
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Hy39puRjkD52O5l2T0ne7ZpSepVNY3fN"></script>
    <script src="js/map.js"></script> 


</head>
<body>
	<nav>
		<div class="logo">
			<img src="img/logo-cc.png" alt="">
			
		</div>
		<div class="title">
			<img src="img/font.png" alt="">
		</div>

		<div class="userinfo">
			<a class="info-list" href="javascript:;">
				<i class="icon icon-user-tie"></i>
				<span>Hi 陶双!&nbsp;</span>
			</a>
			<a class="info-list" href="javascript:;">
				<i class="icon icon-r icon-envelop"></i>
				<div class="noft-red">5</div>
			</a>
			<a class="info-list" href="javascript:;">
				<i class="icon icon-r icon-warning"></i>
				<div class="noft-green">7</div>
			</a>
			<a class="info-list" href="javascript:;">
				<i class="icon icon-cog"></i>
			
			</a>

			
		</div>
		
	</nav>
	<div class="mapdiv" id="mapdiv">
		<div class="container">
			<div class="top">
				<div class="jiao"></div>

			
			</div>
			<div class="map">
				<div id="container"></div>
				<div id="panel"></div>
			</div>
			<div class="map-foot">
				
			</div>
		</div>

		
	</div>
	<div class="slider">
		<ul id="nav-list">
		<!-- 	<a id="toggle" class="">
            	<span class="entypo-menu"></span>
        	</a> -->
			<li><a href="javascript:;" class="sprite jiankong" id="jiankong"></a></li>
			<li><a href="gaojing.html" class="sprite gaojing" id="gaojing"></a></li>
			<li><a href="chaxun.html" class="sprite chaxun" id="chaxun"></a></li>
			<li><a href="zhongduan.html" class="sprite zhongduan" id="zhongduan"></a></li>
		</ul>
		<div class="tab-content">
			<div class="tab-pane active" id="jiankong">
				
					<div class="pane-list" id="pane-jiankong">监控</div>
					<div class="pane-list" id="pane-guiji">轨迹</div>
					<span class="pane-jiange"></span>
					<span class="pane-jiange-active" id="pane-active"></span>
						<div class="search">
							
								<div class="xiala search-cars">
									<label class="pane-label" for="cars">车型:</label>
									<select class="form-control" id="cars">
									
										<option value="volvo">Volvo</option>
										<option value="saab">Saab</option>
										<option value="fiat">Fiat</option>
										<option value="audi">Audi</option>
									</select>
								</div>
								<div class="xiala search-vin">
									<label class="pane-label" for="vin">VIN:</label>
									<select class="form-control" id="vin">
								
										<option value="volvo">Volvo</option>
										<option value="saab">Saab</option>
										<option value="fiat">Fiat</option>
										<option value="audi">Audi</option>
								</select>
								</div>
								<div class="xiala xiala-last search-state">
									<label class="pane-label" for="state">状态:</label>
									<select class="form-control" id="state">
									
										<option value="volvo">Volvo</option>
										<option value="saab">Saab</option>
										<option value="fiat" selected="selected">Fiat</option>
										<option value="audi">Audi</option>
									</select>
								</div>

								<button id="search"></button>				

							
						</div>
			</div>
		
		</div>
	</div>



<script src="js/require.js" data-main="js/main"></script>	

</body>
</html>